<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#container {
	width: 400px;
	min-height: 300px;
	background-color: lightgreen;
	margin: auto;
	padding: 10px;
	text-align: center;
}

li {
	list-style: none;
	text-align: left;
}
</style>
<script src="js/jquery.js"></script><script src="js/jquery.cookie.js"></script>
<script src="js/base.js?v=base.js?v=20180102"></script>
<script src="js/jquery.tmpl.min.js"></script>
</head>
<body>

<!-- 数据展示 -->
<div id="div_demo"></div>

<!-- 模板 -->
<script id="demo" type="text/x-jquery-tmpl">
    <div style="margin-bottom:10px;">
    　　<span>${ID}</span>
    　　<span style="margin-left:10px;">{{= Name}}</span>
    　　<span style="margin-left:10px;">${Number(Num)+1}</span>
    　　<span style="margin-left:10px;">${Status}</span>
    </div>
</script>

<script type="text/javascript">
　　var users = [
	{ ID: 'think8848', Name: 'Joseph Chan', Num: '1', Status: 1 }, 
	{ ID: 'aCloud', Name: 'Mary Cheung', Num: '2'}
	];
// 	数据绑定赋值
　　$("#demo").tmpl(users).appendTo('#div_demo');
</script>

</body>
</html>